<div id="graph" style="width: 50%;height: 500px;"></div>
<div id="configECharts" style="position: absolute;right: 0;top: 0;width: 50%; height: 400px;"></div>
<div id="pointContent" class="pointContent">
    <table class="table table-bordered table-hover" id="list">
        <thead>
        <tr>
            <th>组合展示</th>
            <template v-for="title in titleList">
                <th>{{title}}</th>
            </template>
        </tr>
        </thead>
        <tbody>
        <template v-for="graph in graphList">
            <tr class="graph_{{$index}}" v-on:click="selectDot($event);">
                <td>&nbsp;</td>
                <template v-for="title in titleList">
                    <td>{{graph[2][title] | percent}}</td>
                </template>
            </tr>
        </template>
        </tbody>
    </table>
    <table v-show="dotSelect" class="table table-bordered table-hover" style="display: none;">
        <thead>
        <tr>
            <th>相关参数值</th>
            <th>风险</th>
            <th>收益</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>{{dot.risk}}</td>
            <td>{{dot.profit}}</td>
        </tr>
        </tbody>
    </table>
</div>
<p class="accept">
    <button type="button" class="btn btn-primary" v-on:click="accept();">接受</button>
</p>